<template>
  <div class="nei_leftfl">
    <div class="nei_left_title">{{ label }}</div>
    <div class="nei_left_list">
      <q-btn
        v-for="{ to, label } in items"
        :key="label"
        :class="['list-items', { active: to === currentPath }]"
        outline
        :label="label"
        @click="$router.push({ path: to })"
      />
    </div>
    <div class="nei_left_title_contact">联系我们</div>
    <div class="nei_left_contact">
      <p><b>电话：</b><span>00000000000000000</span></p>
      <p><b>电话：</b><span>000000000000000000</span></p>
      <p><b>Email：</b><span>000000000000000000000</span></p>
      <p><b>地址：</b><span>0000000000000000000000</span></p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { useRoute } from 'vue-router'

defineProps<{ label: string; items: Array }>()

const route = useRoute()
const currentPath = computed(() => route.path)
</script>

<style lang="scss" scoped></style>
